<!--  -->
<template>
    <div class="userData">
        <h3>用户分析</h3>
        <el-tabs v-model="activeName">
            <el-tab-pane label="用户数量" name="first">
                <userDataComp/>
            </el-tab-pane>
            <el-tab-pane label="用户属性" name="second">
                <userPropComp></userPropComp>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import userDataComp from './userDataComp';
import userPropComp from './userPropComp'
export default {
    data () {
        return {
            activeName: 'first'
        };
    },

    components: {
        userDataComp,
        userPropComp
    },

    computed: {
    },

    mounted(){},

    methods: {}
}

</script>
<style lang='less' scoped>
    .userData{
        h3{
            margin-bottom: 10px;
            font-size: 20px;
        }
    }
</style>